<template>
  <view class="wrap">
    <view class="wrap-info align-justify-space-between">
    	<view class="wrap-info-atv">
    		<up-image src="/static/images/agreeBg.png" :fade="false" width="120rpx" height="120rpx" radius="12rpx"></up-image>
    	</view>
		<up-icon name="arrow-right" color="#555"></up-icon>
    </view>
	<view class="wrap-info align-justify-space-between" style="height: 96rpx;">
		<view class="wrap-info-title">
			昵称
		</view>
		<view class="wrap-info-content align-justify-center">
			<view class="wrap-info-content-info">
				昵称123456
			</view>
			<up-icon name="arrow-right" color="#555"></up-icon>
		</view>
	</view>
  </view>
</template>

<script setup>
  import { useUserStore } from '@/store'
  import { computed , getCurrentInstance } from "vue"

  
</script>

<style lang="scss" scoped>
  .wrap{
	  padding: 60rpx 30rpx 0;
	  box-sizing: border-box;
	  
	  &-info{
		  height: 160rpx;
		  margin-bottom: 30rpx;
		  padding: 20rpx 40rpx;
		  box-sizing: border-box;
		  background-color: #fff;
		  border-radius: 12rpx 12rpx 12rpx 12rpx;
		  
		  &-atv{
			  width: 120rpx;
			  height: 120rpx;
			  border-radius: 12rpx 12rpx 12rpx 12rpx;
		  }
		  
		  &-title{
			  font-size: 30rpx;
			  color: #444444;
		  }
		  
		  &-content{
			  color: #222222;
			  &-info{
				  margin-right: 20rpx;
			  }
		  }
	  }
  }
</style>
